拟授权URL:

<nz-tag nzMode="closeable" (nzOnClose)="onClose()">URL1</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">URL2</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">URL3</nz-tag>
<br />
授权角色列表：
<nz-select nzMode="multiple" nzPlaceHolder="Select users" nzAllowClear nzShowSearch nzServerSearch
  [(ngModel)]="selectedUser" (nzOnSearch)="onSearch($event)">
  <ng-container *ngFor="let o of optionList">
    <nz-option *ngIf="!isLoading" [nzValue]="o" [nzLabel]="o"></nz-option>
  </ng-container>
  <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
    <i nz-icon nzType="loading" class="loading-icon"></i>
    Loading Data...
  </nz-option>
</nz-select>

当前已授权角色：
<nz-tag *ngFor="let node of currentPermissions" nzMode="closeable" (nzOnClose)="onClose()">node.sysrole.name</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">角色2</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">角色3</nz-tag>
<br />
<button nz-button nzType="primary">添加授权</button> <button nz-button nzType="primary" nzDanger>移除授权</button>
<br />